<!-- START FIRST CONTRACT -->
<br />
<!-- START DEPLOY -->
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><b>Contract 1 - Deployment</b>
      <br />Deploying the parent contract; a small contract which is inherited by the child contract.
   </div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><button type="button" class="btn btn-primary btn-sm" id="c1d">Deploy</button></div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8">Expected</div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8" id="c1d_deployParentAndIndexExpectation1"></div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8">Actual</div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8" id="c1d_deployParentAndIndexResults1"></div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><button type="button" class="btn btn-success btn-sm" id="c1r0">Refresh Actual Data</button></div>
   <div class="col-sm-2"></div>
</div>
<br />
<hr />
<!-- END DEPLOY -->
<!-- START INTERACTION -->
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><b>Contract 1 - First Interaction</b>
      <br />Reading the data from the parent contract; which is set to 1 by default.
   </div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><button type="button" class="btn btn-primary btn-sm" id="c1i1">Get data</button></div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8">Expected</div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8" id="c1i1_interactionExpectation1"></div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8">Actual</div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8" id="c1i1_interactionResult1"></div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><button type="button" class="btn btn-success btn-sm" id="c1r1">Refresh Actual Data</button></div>
   <div class="col-sm-2"></div>
</div>
<br />
<hr />
<!-- END INTERACTION -->
<!-- START INTERACTION -->
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><b>Contract 1 - Second Interaction</b>
      <br />Incrementing the parent contract by one
   </div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><button type="button" class="btn btn-primary btn-sm" id="c1i2">Increment data</button></div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8">Expected</div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8" id="c1i2_interactionExpectation1"></div>
   <div class="col-sm-2"></div>
</div>
<br />
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8">Actual</div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8" id="c1i2_interactionResult1"></div>
   <div class="col-sm-2"></div>
</div>
<div class="form-row text-center">
   <div class="col-sm-2"></div>
   <div class="col-sm-8"><button type="button" class="btn btn-success btn-sm" id="c1r2">Refresh Actual Data</button></div>
   <div class="col-sm-2"></div>
</div>
<br />
<hr />
<!-- END INTERACTION -->

<!-- END FIRST CONTRACT -->
